﻿<%@ Page Title="Title" Language="C#" Inherits="System.Web.Mvc.ViewPage<object>" MasterPageFile="~/Views/Shared/Site.Master" %>

<asp:Content runat="server" ID="Title" ContentPlaceHolderID="TitleContent">
</asp:Content>
<asp:Content runat="server" ID="Main" ContentPlaceHolderID="MainContent">
    <h3>
        Installation (adding awesome controls to your project)</h3>
    <ol class="te lst">
        <li>Add reference to Omu.AwesomeWebForms.dll</li>
        <li>Add script and style reference in your Master Page (or Page) to awesome.css, awesome.js,
            jQuery, jQueryUI(js and css)<br />
            example:
            <pre class="prettyprint">
&lt;link href=&quot;http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css&quot; rel=&quot;stylesheet&quot; /&gt;
&lt;link href=&quot;../../Content/awe.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;http://code.jquery.com/jquery-1.6.4.min.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;../../Scripts/awe.js&quot;&gt;&lt;/script&gt;    
</pre>
            put first the css files, after jquery.js, than jqueryui.js, and last awesome.js.
        </li>
    </ol>
    <h3>
        Using them</h3>
    <p class="te">
        Use the controls by dragging them from your toolbox (see below how to add them to
        the toolbox)
        <br />
        or by writing the line that registers the awesome tag manually like this:
    </p>    
    <pre class="prettyprint">
        &lt;%@ Register TagPrefix=&quot;o&quot; Namespace=&quot;Omu.AwesomeWebForms&quot; Assembly=&quot;Omu.AwesomeWebForms, Version=1.0.0.0, Culture=neutral, PublicKeyToken=e8b65a0968999f7e&quot; %&gt;
        </pre>
        <p class="te">or like this(version, culture and PublicKeyToken are not required):</p>
    <pre class="prettyprint">
        &lt;%@ Register TagPrefix=&quot;o&quot; Namespace=&quot;Omu.AwesomeWebForms&quot; Assembly=&quot;Omu.AwesomeWebForms&quot; %&gt;
        </pre>
    
    <p class="te">After you can start using them, example:</p>
    <pre class="prettyprint">
    &lt;o:AjaxDropdown runat=&quot;server&quot; ID=&quot;Fruitys&quot; Url=&quot;~/svc/aja.svc/CategoriesDropdown&quot;&gt;&lt;/o:AjaxDropdown&gt;
    &lt;o:Lookup runat=&quot;server&quot; ID=&quot;Fruit&quot; GetUrl=&quot;~/svc/aja.svc/FruitGet&quot; SearchUrl='~/svc/aja.svc/FruitSearch'  Value=&quot;1&quot; /&gt;
    ...
    </pre>
    <h3>    How to add awesome controls to the toolbox</h3>
    <ol class="te lst">
        <li>Right-click the toolbox</li>
        <li>Click "Choose Items..."</li>
        <li>On ".NET Framework Components" tab click Browse</li>
        <li>find and pick Omu.AwesomeWebForms.dll</li>
        <li>click OK</li>
    </ol>
    <script type="text/javascript">
        $(function () {
            prettyPrint();
        });
    </script>
</asp:Content>
